<script>
export default {
  name: "title",
  props: {
    topicName: {
      type: String,
      default: "",
    },
  },
};
</script>

<template>
  <view class="component">
    <view class="title">
      <text>{{ topicName }}</text>
    </view>
  </view>
</template>

<style scoped lang="scss">
.component {
  .title {
    font-size: calc(40rpx * var(--font-size-rate));
    font-weight: bold;
  }
	padding-bottom: 20rpx;
}
</style>
